<%--
  Created by IntelliJ IDEA.
  User: 32650
  Date: 2023-05-18
  Time: 2:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta
          name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
  />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <link href="css/Bar.css" rel="stylesheet">
  <link href="css/Recharge.css" rel="stylesheet">
  <title>移动网上营业厅</title>
</head>
<body>
<div class="header">
  <h2>移动网上营业厅</h2>
</div>
<div class="content">
  <div class="left">
    <ul>
      <li><a href="Login.jsp">登录</a></li>
      <li><a href="Registration.jsp">注册</a></li>
      <li><a href="index.jsp">首页</a></li>
      <li><a href="Personal_Info.jsp">个人信息</a></li>
      <li><a href="MyPackage">我的套餐</a></li>
      <li><a href="Balance.jsp">查询余额</a></li>
      <li><a href="MyBill.jsp">查询账单</a></li>
      <li><a href="Subpackage">套餐订购</a></li>
      <li><a href="Recharge.jsp">充值缴费</a></li>
      <li><a href="MyOrder.jsp">我的订单</a></li>
      <li><a href="MyComplaint.jsp">我的投诉</a></li>
      <li><a href="MyRepair.jsp">我的报修</a></li>
      <li><a href="Account_cancellation.jsp">账号注销</a></li>
    </ul>
  </div>
  <div class="right">
    <section>
      <h1>话费充值</h1>
      <form>
        <div class="radio-group">
          <input type="radio" id="r1" name="recharge" value="50" />
          <label for="r1">50元</label>
          <input type="radio" id="r2" name="recharge" value="100" />
          <label for="r2">100元</label>
          <input type="radio" id="r3" name="recharge" value="200" />
          <label for="r3">200元</label>
          <input type="radio" id="r4" name="recharge" value="500" />

          <label for="r4">500元</label>
        </div>
        <label for="other-amount">其他金额：</label>
        <input type="text" id="other-amount" name="other-amount" />
        <input type="submit" value="确定" />
      </form>
    </section>
<%--    <section>--%>
<%--      <h1>流量充值</h1>--%>
<%--      <form>--%>
<%--        <div class="radio-group">--%>
<%--          <input type="radio" id="r5" name="data-recharge" value="1GB" />--%>
<%--          <label for="r5">1GB</label>--%>
<%--          <input type="radio" id="r6" name="data-recharge" value="2GB" />--%>
<%--          <label for="r6">2GB</label>--%>
<%--          <input type="radio" id="r7" name="data-recharge" value="5GB" />--%>
<%--          <label for="r7">5GB</label>--%>
<%--          <input type="radio" id="r8" name="data-recharge" value="10GB" />--%>
<%--          <label for="r8">10GB</label>--%>
<%--        </div>--%>
<%--        <label for="data-other-amount">其他流量：</label>--%>
<%--        <input type="text" id="data-other-amount" name="data-other-amount" />--%>
<%--        <input type="submit" value="确定" />--%>
<%--      </form>--%>
<%--    </section>--%>

  </div>
</div>
</body>
</html>
